멀티플랫폼 게임 UI의 새 지평

오퍼그마이즈: 니 젠의 혁신적 디자인

비디오 게임 인터페이스의 새로운 기준을 제시하다

클래식 공상 과학 문학, 영화, 게임에서 영감을 받은 니 젠은 현대적 이슈를 미래적 관점으로 탐구하고자 하는 열망을 게임 디자인에 담아냈다. 특히 3D 아티스트 마이클 워셰임 베레신의 작품에서 영감을 받아 게임 내 로봇 캐릭터를 창조했다.

오퍼그마이즈의 UI 디자인은 Xbox나 PlayStation 같은 콘솔부터 노트북, 아이폰, 맥, 픽셀 스마트폰에 이르기까지 다양한 플랫폼에서의 원활한 사용성을 목표로 한다. 이는 다양한 화면 크기, 해상도, 입력 방식에 맞춰 일관성과 사용성을 유지하는 반응형 디자인을 만드는 것을 의미한다.

게임 엔진인 유니티나 언리얼 엔진을 사용하며, UI/UX 디자인을 위한 반응형 프레임워크로는 부트스트랩이나 리액트 네이티브를 활용한다. 클라우드 기반 서비스를 통해 데이터 동기화와 멀티플레이어 기능을 원활하게 제공하며, 지속적인 반복 테스트를 통해 몰입감 있는 크로스플랫폼 게임 경험을 세련되게 다듬는다.

오퍼그마이즈는 Xbox, PlayStation 등의 콘솔, 노트북, 아이폰, 맥, 픽셀 스마트폰에서 호환 가능하며, 디지털 다운로드 또는 물리적 디스크 형태로 제공된다. 각 플랫폼에 맞는 최소 시스템 요구 사항을 충족하고, 다양한 기기에서 원활한 성능과 반응형 UI를 최적화한다.

플레이어들은 오퍼그마이즈의 메뉴를 통해 게임 모드에 접근하고, 캐릭터와 장비를 커스터마이즈한다. 게임 플레이 동안 표준 컨트롤을 사용하여 환경, NPC, 다른 플레이어와 상호작용하며, 탐험, 전투, 스토리 중심의 이벤트 간의 흐름은 플랫폼에 관계없이 몰입감 있는 경험으로 이어진다.

이 프로젝트는 2022년 9월 베이 지역에서 시작하여 2024년 3월 마르티네즈에서 완성되었다. 사용자 선호도를 이해하기 위한 설문조사, 인터뷰, 게임 세션을 통해 데이터를 수집하였으며, 이를 통해 대화면, 고해상도, 강화된 처리 능력에 대한 선호가 게임 경험 최적화에 중요함을 확인했다.

기술적 한계를 극복하고 게이머들을 만족시키는 것이 가장 큰 도전이었다. 휴대폰의 크기를 과도하게 키우지 않으면서 게임 기능을 통합하는 방법을 찾아야 했으며, 이 과정에서 과거의 휴대폰 디자인을 분석하고 최신 기술 동향을 따르며 개인정보 보호 및 데이터 관련 규정을 준수해야 했다.

오퍼그마이즈는 유전자 조작과 사회적 분열로 형성된 디스토피아 미래로 플레이어를 이끄는 혁신적인 공상 과학 롤플레잉 게임으로, 다양한 기기에서 접근성을 보장하는 멀티플랫폼 사용자 인터페이스가 중심이다. 이 게임은 플레이어들에게 이 공상 과학 세계를 탐험하도록 도전하며 몰입감 있는 게임 경험을 제공한다.


프로젝트 세부 사항 및 크레딧

프로젝트 디자이너: Ni Zhen
이미지 크레딧: Image #1: Visual Designer Ni Zhen, iPad UI of Opurgimize, 2024. Credit: 3D artist Michael Wersheim Beresin Image #2: Visual Designer Ni Zhen, iMac UI of Opurgimize, 2024. Credit: 3D artist Michael Wersheim Beresin Image #3: Visual Designer Ni Zhen, Pixel product's UI of Opurgimize, 2024. Credit: 3D artist Michael Wersheim Beresin Image #4: Visual Designer Ni Zhen, Macbook UI of Opurgimize, 2024. Credit: 3D artist Michael Wersheim Beresin Image #5: Visual Designer Ni Zhen, iWatch UI of Opurgimize, 2024. Credit: 3D artist Michael Wersheim Beresin
프로젝트 팀 구성원: Ni Zhen
프로젝트 이름: Opurgimize
프로젝트 클라이언트: Ni Zhen


Opurgimize IMG #2
Opurgimize IMG #3
Opurgimize IMG #4
Opurgimize IMG #5
Opurgimize IMG #5

디자인 잡지에서 더 읽기